<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小穆医生-责任 品质 关爱</title>
    <meta name="Keywords" content="美容,减脂,内科,外科" />
    <meta
      name="Desctription"
      content="小穆医生是专业的医院,我们的理念就是责任 品质 关爱"
    />
    <link rel="stylesheet" href="css/css.css" />
  </head>
  <body>
    <!-- 页面头部 -->
    <header>
      <div class="header-top">
        <!-- 网页的logo -->
        <div class="logo">
          <h1>小慕医生</h1>
        </div>
        <!-- 网页的功能区 -->
        <div class="tool">
          <div class="r1">
            <img class="tel" src="image/tel.png" alt="" />
            <span class="telnumber">088-88888888</span>
            <a href=""><img class="chinese_icon icon" src="image/chinese_icon.png"/></a>
            <a href=""><img class="english_icon icon" src="image/english_icon.png"/></a>
          </div>
          <div class="r2">
            <input type="text" placeholder="找医生/科室.." />
            <button><img src="image/search.png" alt="" /></button>
          </div>
        </div>
      </div>

      <!-- 网页的导航条 -->
      <nav class="main-nav">
        <ul>
          <li class="cur"><a href="">首页</a></li>
          <li><a href="">医院概况</a></li>
          <li><a href="">医院动态</a></li>
          <li><a href="">专家学科</a></li>
          <li><a href="">服务指南</a></li>
          <li><a href="">医院文化</a></li>
          <li><a href="">信息公开</a></li>
          <li><a href="">互动交流</a></li>
        </ul>
      </nav>
    </header>

    <!-- 网页banner -->
    <section class="banner">
      <img class="banner_img" src="image/banner.png" alt="" />
      <div class="center">
        <h2>责任, 科学, 严谨</h2>
        <a href="" class="leftbtn btn"></a>
        <a href="" class="rightbtn btn"></a>
      </div>

      <!-- 小圆点 -->
      <ol>
        <li class="cur"></li>
        <li></li>
        <li></li>
        <li></li>
      </ol>
    </section>

    <!-- 网页的主要内容 -->
    <section class="content">
      <!-- 网页的常用链接 -->
      <div class="useful-links">
        <ul>
          <li>
            <a href="">
              <img src="image/icon_jzxz.png" alt="" />
              <span>就诊须知</span>
            </a>
          </li>
          <li>
            <a href="">
              <img src="image/icon_jylc.png" alt="" />
              <span>就医流程</span>
            </a>
          </li>
          <li>
            <a href="">
              <img src="image/icon_zjjs.png" alt="" />
              <span>专家介绍</span>
            </a>
          </li>
          <li>
            <a href="">
              <img src="image/icon_ksjs.png" alt="" />
              <span>科室介绍</span>
            </a>
          </li>
          <li>
            <a href="">
              <img src="image/icon_ybjy.png" alt="" />
              <span>医保就医</span>
            </a>
          </li>
          <li>
            <a href="">
              <img src="image/icon_jktj.png" alt="" />
              <span>健康体检</span>
            </a>
          </li>
        </ul>
      </div>
      
      <!-- 医院动态和医院公告 -->
      <div class="news-and-notice">
        <!-- 医院动态 -->
        <div class="news">
          <h3>医院动态</h3>
          <!-- 图片新闻 -->
          <div class="hot-news">
            <!-- 放新闻的大图片 -->
            <a href="">
              <img src="image/news_pic.png" alt="" />
              <div class="info">"全国首届健康预防与商业医保论坛"在北京举办</div>
            </a>
          </div>

          <!-- 新闻列表 -->
          <div class="news-list">
            <ul>
              <li><a href="">年度医疗机构</a><span>03-30</span></li>
              <li><a href="">关于上报背景</a><span>03-30</span></li>
              <li><a href="">北京医院输血</a><span>03-30</span></li>
              <li>
                <a href="" class="spec">国家药品监督</a><span>03-30</span>
              </li>
              <li><a href="">关于将多莱斯</a><span>03-30</span></li>
              <li><a href="">关于调整完善</a><span>03-30</span></li>
              <li><a href="">广东省药学会</a><span>03-30</span></li>
              <li><a href="">人力资源社保</a><span>03-30</span></li>
            </ul>
          </div>

        </div>


        <!-- 医院公告 -->
        <div class="notices">
          <h3>医院公告</h3>
          <ol>
            <li>
              <div class="number">01</div>
              <dl>
                <dt><a href="">《养生堂》</a></dt>
                <dd><a href="">共和国利新主人 特殊时期糖尿病人的新冠</a></dd>
              </dl>
            </li>
            <li>
              <div class="number">02</div>
              <dl>
                <dt><a href="">《养生堂》</a></dt>
                <dd><a href="">王少伟主任 新冠病毒防控指引十八...</a></dd>
              </dl>
            </li>
            <li>
              <div class="number">03</div>
              <dl>
                <dt><a href="">《我要当医生》</a></dt>
                <dd><a href="">谭玲主任 李同舟 姚晨联药师</a></dd>
              </dl>
            </li>
            <li>
              <div class="number">04</div>
              <dl>
                <dt><a href="">《全民健康学院》</a></dt>
                <dd><a href="">王新宇院长"医"路有你 健康通行</a></dd>
              </dl>
            </li>
            <li>
              <div class="number">05</div>
              <dl>
                <dt><a href="">《健康北京》</a></dt>
                <dd><a href="">王新宇院长 莫把衰老当病治</a></dd>
              </dl>
            </li>
          </ol>
        </div>
      </div>
      <!-- 广告图片 -->
      <aside class="ad-images">
        <a href="">
          <img src="image/xuanchuan.png" alt="" />
        </a>
      </aside>
      <!-- 科室介绍 -->
      <div class="dep-info">
        <div class="center">
          <h3>科室介绍</h3>
          <a href="" class="more">查看更多&gt;&gt;</a>
          <div class="col">
            <h4>内科</h4>
            <ul>
              <li class="spec"><a href="">呼吸内科</a></li>
              <li class="spec"><a href="">消化内科</a></li>
              <li><a href="">神经内科</a></li>
              <li><a href="">心血管内科</a></li>
              <li><a href="">肾内科</a></li>
              <li><a href="">血液内科</a></li>
              <li><a href="">免疫科</a></li>
              <li><a href="">内分泌科</a></li>
            </ul>
          </div>
          <div class="col">
            <h4>肿瘤科</h4>
            <ul>
              <li class="spec"><a href="">肿瘤内科</a></li>
              <li class="spec"><a href="">肿瘤外科</a></li>
              <li><a href="">肿瘤妇科</a></li>
              <li><a href="">骨肿瘤科</a></li>
              <li><a href="">放疗科</a></li>
              <li><a href="">肿瘤康复科</a></li>
              <li><a href="">肿瘤综合科</a></li>
            </ul>
          </div>
          <div class="col">
            <h4>外科</h4>
            <ul>
              <li class="spec"><a href="">普通外科</a></li>
              <li class="spec"><a href="">神经外科</a></li>
              <li><a href="">心胸外科</a></li>
              <li><a href="">泌尿外科</a></li>
              <li><a href="">肝胆外科</a></li>
              <li><a href="">肛肠外科</a></li>
              <li><a href="">心血管外科</a></li>
              <li><a href="">烧伤科</a></li>
              <li><a href="">骨外科</a></li>
              <li><a href="">乳腺科</a></li>
            </ul>
          </div>
          <div class="col">
            <h4>儿科</h4>
            <ul>
              <li class="spec"><a href="">儿科总和</a></li>
              <li class="spec"><a href="">小儿内科</a></li>
              <li><a href="">小儿外科</a></li>
              <li><a href="">新生儿科</a></li>
              <li><a href="">儿童营养科</a></li>
              <li><a href="">消化内科</a></li>
            </ul>
          </div>
        </div>
      </div>

      <!-- 专家介绍 -->
      <div class="exp-info">
        <h3>专家介绍</h3>
        <a href="" class="more">查看更多&gt;&gt;</a>
        <ul>
          <li>
            <div class="picbox">
              <a href="">
                <img src="image/lilin.png" alt="" />
              </a>
            </div>

            <div class="wordbox">
              <p>姓名:李林</p>
              <p>科室:肿瘤内科</p>
              <p>职称:主任医师</p>
              <p>
                介绍:北京医院肿瘤内科主任,党支部书记,副教授,硕士研究生导师,中国老年肿瘤专业委员会常务委员,北京医学院...
              </p>
            </div>
          </li>
          <li>
            <div class="picbox">
              <a href="">
                <img src="image/lilin.png" alt="" />
              </a>
            </div>

            <div class="wordbox">
              <p>姓名:李林</p>
              <p>科室:肿瘤内科</p>
              <p>职称:主任医师</p>
              <p>
                介绍:北京医院肿瘤内科主任,党支部书记,副教授,硕士研究生导师,中国老年肿瘤专业委员会常务委员,北京医学院...
              </p>
            </div>
          </li>
          <li>
            <div class="picbox">
              <a href="">
                <img src="image/lilin.png" alt="" />
              </a>
            </div>

            <div class="wordbox">
              <p>姓名:李林</p>
              <p>科室:肿瘤内科</p>
              <p>职称:主任医师</p>
              <p>
                介绍:北京医院肿瘤内科主任,党支部书记,副教授,硕士研究生导师,中国老年肿瘤专业委员会常务委员,北京医学院...
              </p>
            </div>
          </li>
          <li>
            <div class="picbox">
              <a href="">
                <img src="image/lilin.png" alt="" />
              </a>
            </div>
            <div class="wordbox">
              <p>姓名:李林</p>
              <p>科室:肿瘤内科</p>
              <p>职称:主任医师</p>
              <p>
                介绍:北京医院肿瘤内科主任,党支部书记,副教授,硕士研究生导师,中国老年肿瘤专业委员会常务委员,北京医学院...
              </p>
            </div>
          </li>
          <li>
            <div class="picbox">
              <a href="">
                <img src="image/lilin.png" alt="" />
              </a>
            </div>
            <div class="wordbox">
              <p>姓名:李林</p>
              <p>科室:肿瘤内科</p>
              <p>职称:主任医师</p>
              <p>
                介绍:北京医院肿瘤内科主任,党支部书记,副教授,硕士研究生导师,中国老年肿瘤专业委员会常务委员,北京医学院...
              </p>
            </div>
          </li>
          <li>
            <div class="picbox">
              <a href="">
                <img src="image/lilin.png" alt="" />
              </a>
            </div>
            <div class="wordbox">
              <p>姓名:李林</p>
              <p>科室:肿瘤内科</p>
              <p>职称:主任医师</p>
              <p>
                介绍:北京医院肿瘤内科主任,党支部书记,副教授,硕士研究生导师,中国老年肿瘤专业委员会常务委员,北京医学院...
              </p>
            </div>
          </li>
        </ul>
      </div>
    </section>

    <!-- 页脚 -->
    <footer>
      <div class="center">
        <!-- 友情链接 -->
        <div class="friend-links">
          <h3>友情链接</h3>
          <ul>
            <li><a href="">院长信箱</a></li>
            <li><a href="">投诉信箱</a></li>
            <li><a href="">在线调查</a></li>
            <li><a href="">地理位置</a></li>
            <li><a href="">网站地图</a></li>
            <li><a href="">网站帮助</a></li>
            <li><a href="">隐私声明</a></li>
          </ul>
        </div>

        <!-- 联系方式 -->
        <div class="address">
          <h3>小慕医生</h3>
          <ul>
            <li>地址:北理工国防大厦111号</li>
            <li>电话:088-88888888</li>
            <li>邮箱:kulu@imooc.com</li>
            <li>邮编:666666</li>
            <li>网址:<a href="">http://imooc.com</a></li>
            <li>举报热线:088-88888888</li>
          </ul>
        </div>
      </div>
    </footer>
  </body>
</html>
